<%--
    Document   : index
    Created on : 23 May, 2014, 12:42:26 PM
    Author     : Akash,Satyapal,Durwas,Yogesh,Rahul
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">

<html>
    <head>

<title>Vehicle Hai.com</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width; initial-scale=1.0">
<link rel="stylesheet" type="text/css" media="screen" href="commonfiles/css/style.css">
<link rel="stylesheet" type="text/css" media="screen" href="commonfiles/css/slider.css">
<link rel="stylesheet" type="text/css" media="screen" href="commonfiles/css/styles.css">
<link rel="stylesheet" type="text/css" media="screen" href="commonfiles/css/layout.css">
<script type="text/javascript" src="commonfiles/js/jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="commonfiles/js/home-slider01.js"></script>
<script type="text/javascript" src="commonfiles/js/home-slider02.js"></script>
<script type="text/javascript" src="commonfiles/js/scripts.js"></script>
<script type="text/javascript" src="commonfiles/js/html5shiv.js"></script>
<script type="text/javascript" src="commonfiles/js/menu_jquery.js"></script>
    </head>
    <body>

  <div style="position:relative;width: auto;z-index: 10000; ">
        <div class="wrapper col1">
            <div id="logo">
        <h><a href="#"><img src="commonfiles/images/logo.png" style="float: left; height: 70px"></a></h>

    </div>
  <div id="header">

    <div id="info">
      <ul>
        <li>Tel: 0712-6606690</li>
        <li> | </li>
        <li>Mail: enquiry@jibjit.com</li>
      </ul>
    </div>
    <br class="clear">
  </div>
</div>
      <div id='cssmenu'>
         <ul>
    <li class='active'><a href="home.jsp"><span>Home</span></a></li>
   <li class='has-sub'><a href="services.jsp"><span>Services</span></a>
      <ul>
         <li ><a href="finance.jsp"><span>Finance</span></a>

         </li>
         <li><a href="insurance.jsp"><span>Insurance</span></a>

         </li>
         <li><a href="error.jsp"><span>Advertisement</span></a>

         </li>
         <li><a href="error.jsp"><span>E.M.I.</span></a>

         </li>
      </ul>
   </li>

   <li><a href="error.jsp"><span>Customer Care</span></a>

   </li>

   <li class='has-sub'><a href="error.jsp"><span>Post Add</span></a>
      <ul>
         <li><a href="error.jsp"><span>Post</span></a>

         </li>
         <li><a href="error.jsp"><span>Auto/Car</span></a>

         </li>
         <li><a href="error.jsp"><span>Rules</span></a>

         </li>
      </ul>
   </li>

<li class='has-sub'><a href="error.jsp"><span>Success Story</span></a>
      <ul>
         <li><a href="gallary.jsp"><span>Gallery</span></a>

         </li>
         <li><a href="error.jsp"><span>Success Story</span></a>
            </li>
      </ul>
   </li>

   <li><a href="about.jsp"><span>About</span></a></li>
   <li class='last'><a href="contact.jsp"><span>Contact</span></a></li>
</ul>

     <section class="innerpages">
      <div class="grid_12">
        <ul class="breadcrumb clearfix">

        </ul>
        <h1>Register Here..</h1>
      </div>
</section>

</div>
</div>


<div class="block2">
    <div class="re">
    <div class="regs1">

         <div >
            <h1 style="padding: 42px 0 24px; font-size: 28px; line-height: 36px">
                Connect with Vehicalhai.com<br>Fulfill the dream of your car.. </h1>
         </div>
        <div style="width: 500px;">
            <ul class="our_process">
              <li class="img1" type="none">
                <h4>Step1: Planning</h4>
                <p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. </p>
              </li>
              <li class="img2" type="none">
                <h4>Step2: Get Quotation</h4>
                <p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. </p>
              </li>
              <li class="img3" type="none">
                <h4>Step3:Financer</h4>
                <p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. </p>
              </li>
              <li class="img4" type="none">
                <h4>Step4:Get Free EMI</h4>
                <p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. </p>
              </li>
            </ul>
    </div>
    </div>
    <div class="registerform">
            <p15>Note: Please make sure your details are correct before submitting form and that all fields are completed!.</p15>




<script language="JavaScript">
 var flag=0;

function checnum(as)
{
	var dd = as.value;

        if(dd.length<=10){

            if(isNaN(dd))
                    {
                            dd = dd.substring(0,(dd.length-1));
                            as.value = dd;
                    }

        }
        else{


             dd = dd.substring(0,(dd.length-1));
                            as.value = dd;
        }

        if(dd.length==10){
            flag=1;
        }

        if(dd.length<10){
            flag=0;
        }


}


 function onlyAlphabets(e, t) {
            try {
                if (window.event) {
                    var charCode = window.event.keyCode;
                }
                else if (e) {
                    var charCode = e.which;
                }
                else { return true; }
                if ((charCode > 64 && charCode < 91) || (charCode > 96 && charCode < 123))
                    return true;
                else
                    return false;
            }
            catch (err) {
                alert(err.Description);
            }
        }



        function mob(){


            if(flag==0){
                 alert("Invalid Mobile Number");

                    emailChk.value="";

                }


        }



       


        function checkPass()
{
    //Store the password field objects into variables ...
    var pass1 = document.getElementById('pass1');
    var pass2 = document.getElementById('pass2');
    //Store the Confimation Message Object ...
    var message = document.getElementById('confirmMessage');
    //Set the colors we will be using ...
    var goodColor = "#66cc66";
    var badColor = "#ff6666";
    //Compare the values in the password field
    //and the confirmation field
    if(pass1.value == pass2.value){
        //The passwords match.
        //Set the color to the good color and inform
        //the user that they have entered the correct password
        pass2.style.backgroundColor = goodColor;
        message.style.color = goodColor;
        message.innerHTML = "Passwords Match!"
    }else{
        //The passwords do not match.
        //Set the color to the bad color and
        //notify the user.
        pass2.style.backgroundColor = badColor;
        message.style.color = badColor;
        message.innerHTML = "Passwords Do Not Match!"
    }
}  















</script>

            <div id="signup">
                            <form name="Register_Model" method="post" action="/Auto4.1/ragister.do">
                                 <h11>Register Here.</h11>
                                <input type="text" placeholder="First Name" required="" name="firstName" onkeypress="return onlyAlphabets(event,this);">
                                <input type="text" placeholder="Last Name" required="" name="lastName" onkeypress="return onlyAlphabets(event,this);">
                                <input type="text" placeholder="Mobile Number" required="" name="mobileNumber" onkeyup=checnum(this) on>
                                <input type="email" placeholder="Email" required="" name="emailId" id="emailChk" onkeypress="mob(this)" ondblclick="mob(this)" onchange="mob(this)">

                                <input type="password" placeholder="Choose your password" required="" name="pass1" id="pass1">
                                <span id="confirmMessage" class="confirmMessage"></span><br>
                                <input type="password" placeholder="Confirm password" required="" name="pass2" id="pass2" onkeyup="checkPass(); return false;">
                                <br><br><br><br>
                            <button type="submit">Sign up for free!</button>


                            </form>

                            </div>

           </div>

</div>
</div>









<div class="block3">
  <!--==============================footer=================================-->
  <div class="container_12">
    <footer>
      <div class="wrapper">
        <div class="grid_6">
          <h2>About</h2>
          <p>Hi, we are Vehicle Hai.com!
            Vehicle hai emphasizes free EMI for Vehicle while facilitating great user experiences.</p>
          <ul class="social">
            <li> <a href="#">
              <figure><img src="commonfiles/images/soc1.png" width="31" height="24" alt=""></figure>
              Follow us on Twitter</a> </li>
            <li> <a href="https://www.facebook.com/jibjitjobs?ref=bookmarks">
              <figure><img src="commonfiles/images/soc2.png" width="31" height="26" alt=""></figure>
              Join us on Facebook</a> </li>
            <li> <a href="#">
              <figure><img src="commonfiles/images/soc3.png" width="31" height="26" alt=""></figure>
              Subscribe to our blog</a> </li>
            <li class="cont_item m_bottom_zero"> <a href="index-5.html">
              <figure><img src="commonfiles/images/soc4.png" width="31" height="20" alt=""></figure>
              Contact Us</a> </li>
          </ul>
        </div>
        <div class="grid_3">
          <h2>Copyright</h2>
          This includes all content and original design work, including the distinctive typographic style, layout and composition of this website. </div>
        <div class="grid_3 last-col">
          <h2>Navigate</h2>
          <ul class="navigate">
            <li><a href="#">Home</a></li>
            <li><a href="#">About</a></li>
            <li><a href="#">Services</a></li>
            <li><a href="#">EMI</a></li>
            <li><a href="#">FInance</a></li>
            <li><a href="#">Insurance</a></li>
            <li><a href="#">Contact</a></li>
          </ul>
        </div>
      </div>
    </footer>
  </div>
</div>

<script type="text/javascript" src="commonfiles/js/jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="commonfiles/js/superfish.js"></script>
<script type="text/javascript" src="commonfiles/js/jquery.responsivemenu.js"></script>
<script type="text/javascript" src="commonfiles/js/jquery.flexslider.js"></script>
<script type="text/javascript" src="commonfiles/js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="commonfiles/js/jquery.isotope.min.js"></script>
<script type="text/javascript" src="commonfiles/js/contact.js"></script>
<script type="text/javascript" src="commonfiles/js/jquery.carouFredSel-6.1.0-packed.js"></script>
<script type="text/javascript" src="commonfiles/js/touchTouch.jquery.js"></script>
<script type="text/javascript" src="commonfiles/js/jquery-ui-1.8.24.custom.min.js"></script>
<script type="text/javascript" src="commonfiles/js/script.js"></script>
    </body>
</html>
